<!DOCTYPE html>
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    <script src="script/jquery-2.0.3.js"></script>
   	<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
		Your browser does not support the HTML5 canvas tag.
	</canvas>
	<script>
	  	var c=document.getElementById("myCanvas");
		var ctx=c.getContext("2d");
		ctx.fillStyle="#FFFF00";
		ctx.fillRect(0,0,200,100);
		ctx.moveTo(0,0);
		ctx.lineTo(200,100);
		ctx.stroke();
		ctx.fillStyle="#FF0000";
		ctx.beginPath();
		ctx.arc(95,50,40,0,2*Math.PI);
		ctx.fill();
		
		
	</script>
	
	
	<button id="reloadBtn">reload</button>
	
	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  		<polygon points="100,10 40,180 190,60 10,60 160,180"
  		style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
	</svg>
	
	<script type="text/javascript">
		$("#reloadBtn").click(
			function(){
				$.ajax({
					url: "test",
					type: "GET",
					dataType: "json",
					success: function( json ){
						alert("success: " + json.heap.committed);
					},
					error: function( xhr, status){
						alert("failed " + status);
					},
					complete: function( xhr, status){
					//	alert("complete");
					}
				});
			}
		);
	</script>
	
	<article>
	<header>This is article
	</header>
	
	
	</article>
	<footer>
		<p><small>2013</small></p>
	</footer>
  </body>
</html>
